<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>CSS选择器</title>
    <style>
        h1{
            color: #00FF00;
        }
        .myh1{
            color: #0000FF;
        }
        #myid01{
            color: #FF0000;
        }
        #myid02{
            color: #F0F000;
        }
    </style>
</head>
<body>
    <!--
        CSS基本选择器：
            标签选择器：
                标签{

                }
                h1{

                }
                a{

                }
            class选择器：
                需要在标签中设置class属性和属性值，然后在style标签中采用
                class属性值，来定义选择器
                格式：
                    .class属性值{
                        样式名:样式值;
                        ....
                    }



                <h1 class="myh1">你好世界</h1>

            id选择器：
                格式：
                    #id值{

                    }
    -->
    <h1>hello world</h1>
    <h1 class="myh1">hello world</h1>
    <h1>hello world</h1>
    <h1 class="myh1">hello world</h1>
    <h1 id="myid01">hello world</h1>
    <h1 id="myid02">hello world</h1>


</body>
</html>